<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html">
    <h:head>
        <title>ESA-Wetter</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
        <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet" />
        <link href="/WeatherAppFrontend/resources/css/main.css" rel="stylesheet" />

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
        <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
        <script src="//maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false"></script>
        <script src="/WeatherAppFrontend/resources/js/frontend.js"></script>
        <script>

        </script>
    </h:head>
    <h:body>
        <div id="map_canvas"/>
        <div id="mainBox" class="topBox">
            <div class="form-search">
                <div id="searchbox" class="input-append control-group">
                    <input id="searchfield" type="text" data-provide="typeahead" placeholder="Ort oder Koordinaten..." class="span2 search-query"/>
                    <button id="searchbtn" type="submit" class="btn btn-warning" data-loading-text="Bitte warten..."><strong>Suchen</strong></button>
                </div>
            </div>
        </div>
        <div id="user_menu">
            <h:form>
                <h:commandButton class="btn btn-warning" action="#{authBackingBean.logout}" value="Logout" />
                <h:commandButton class="btn" rendered="#{request.isUserInRole('ADMIN')}" action="/admins/usermanagement" value="Benutzerverwaltung" />
            </h:form>
        </div>
        <div id="wettercomcredits">Wetterdaten von <a href="http://www.wetter.com" target="_blank">www.wetter.com</a></div>
    </h:body>
</html>

